<template>
    <div>
        <van-dropdown-item :value="value"  @input="(val)=>handleValue(val)" :options="options" @change="change" :title="title"></van-dropdown-item>
    </div>
</template>
<script>
export default {
    name:"eagle-dropdown-item",
    props:{
        value:{
            type:[Number,String],
            default:()=>""
        },
        options:{
            type: Array,
            default: () => [],
        },
        title:{
             type: [String],
            default: ''
        }
    },
    data(){
        return {
            //value:"",
        }
    },
    // watch:{
	// 	value (val) {//当数据变化，组件model的双向绑定
    //         
	// 		this.$emit('input', val)
	// 	}
    // },
    created(){
        
    },
    methods:{
        handleValue(val) {
            this.$emit("input", val);
        },
        change(val){
            
            this.$emit('input', val);
            this.$emit("change",val);
        }
    },
}
</script>
<style lang="less" scoped>

</style>